.from-below, .from-below-to-below .effeckt-modal {
	-webkit-transform: translateX(100%);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
	-webkit-transition: all 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

.effeckt-show, .effeckt-show.from-below-to-below .effeckt-modal {
	-webkit-transform: translateX(0);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.effeckt-show .effeckt-modal {
	visibility: visible;
}

.effeckt-body {
	position:fixed;
	top:0;
	height: 100%;
	overflow: hidden;
}

.alert-box p {
	margin: 0
}
.alert-sec-circle {
	stroke-dashoffset: 0;
	stroke-dasharray: 428;
	transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
	position: absolute;
	top: 11px;
	left: 190px;
	width: 76px;
	color: #000;
	font-size: 58px
}
.alert-sec-unit {
	font-size: 34px
}
.alert-body {
	margin: 10px 0 10px
}
.alert-head {
	text-align: center;
	color: black;
	font-size: 28px
}
.alert-concent {
	margin: 5px 0 5px;
	color: black;
	font-size: 18px
}
.alert-concent p {
	line-height: 27px
}
.alert-btn {
	display: block;
	text-align: center;
	border-radius: 10px;
	background-color: #25BA45;
	height: 55px;
	line-height: 55px;
	width: 286px;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	letter-spacing: 2px
}
.alert-btn-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events:none;
}
.alert-btn:hover {
	background-color: #33CC33
}
.alert-footer {
	margin: 0 auto;
	height: 42px;
	width: 120px
}
.alert-footer-icon {
	float: left
}
.alert-footer-text {
	border-left: 2px solid #EEE;
	padding: 3px 0 0 5px;
	height: 40px;
	color: #0B85CC;
	font-size: 12px;
	text-align: left
}
.alert-footer-text p {
	color: black;
	font-size: 22px;
	line-height: 18px
}
@media screen and (max-width: 700px) {
    .alert-box{
        width: 180px;
    }
    .alert-circle{
        top: -80px;
        left: 60px;
    }
    .alert-sec-text {
        left: 145px;
        width: auto;
        font-size: 38px;
    }
    .alert-head {
        font-size: 18px;
    }
    .alert-box p {
        font-size: 16px;
    }    
    .alert-btn {
        width: auto;
    }
}

.alert-bgdiv{z-index:10000;width: 100%;height: 100%;background: rgba(0,0,0,0.1);position: fixed;top: 0;bottom: 0;display: none;align-items: center;justify-content: center;}
.alert-maindiv{align-items: center;justify-content: center; background: white;border-radius: 10px;padding: 20px;margin: 40px;flex-direction: column;display: flex;width: 80%;}

.alert-maindiv-spanq{color: black;font-size: 14pt;margin-top: 10px;width: 100%;text-align: left;margin-bottom: 20px;font-size: 24px;}
.alert-maindiv-span1{width: 100%;text-align: center;background: #5AC8D8;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.alert-maindiv-span2{width: 100%;text-align: center;background: #597FCA;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.alert-maindiv-span3{width: 100%;text-align: center;background: #2552AC;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.alert-maindiv-span4{width: 100%;text-align: center;background: #3B24AC;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.alert-maindiv-span5{width: 100%;text-align: center;background: #7F24AC;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}

.alert-maindiv-aclose{background: url(//www.thcdn.top/th/phwz/man/images/close.png) center no-repeat; background-size: 100%; display: block; align-self: flex-end; margin-top: -20px; margin-right: -20px;}
.alert-maindiv-spanp{width: 100%;text-align: center;background: #2552AC;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}